<template>
  <view class="mainpage">
    <pageheader :setting="settingdata"></pageheader>
    <view class="box">
      <view class="status">您已实名认证</view>
      <view class="name">*妮</view>
      <view class="idcard">5****************8</view>
      <view class="lookdetail">
        <text>查看详细</text>
        <u-icon name="arrow-right" color="#B1B8C8" size="24"></u-icon>
      </view>
    </view>
  </view>
</template>

<script>
  var _this;
  export default {
    data() {
      return {
        settingdata: {
          name: '实名认证',
          bgColor: '#fff',
          titleColor: '#000000',
          showNav: true,
          showTypes: 0,
          position: "autonymyes"
        },
      }
    },
    onLoad(e) {
      _this = this
    },
    onShow() {},
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  .mainpage {
    height: 100vh;
    background-color: #fff;

    .box {
      display: flex;
      flex-direction: column;
      margin: 0 40rpx;

      .status {
        margin-top: 245rpx;
        color: #2C3240;
        font-size: 30rpx;
        text-align: center;
      }

      .name {
        margin-top: 130rpx;
        color: #2C3240;
        font-size: 26rpx;
      }

      .idcard {
        margin-top: 20rpx;
        color: #2C3240;
        font-size: 26rpx;
      }

      .lookdetail {
        margin-top: 129rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;

        text {
          color: #2C3240;
          font-size: 30rpx;
        }
      }
    }
  }
</style>
